/* ===== AMENITIES SECTION WITH BG IMAGE ===== */
.amenities-section{
  position:relative;
  padding:80px 0;
  color:#fff;
  background:url("https://www.levanteresidences.co.in/_next/image?url=%2Famenity%20(1).jpeg&w=1920&q=75")
             center/cover no-repeat;
}

/* DARK OVERLAY */
.amenities-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    rgba(5,8,20,.88),
    rgba(5,8,20,.92)
  );
  z-index:0;
}

/* keep content above overlay */
.amenities-section .container{
  position:relative;
  z-index:1;
}

/* label */
.amenities-label{
  display:inline-block;
  border:1px solid rgba(212,175,120,.4);
  padding:6px 18px;
  letter-spacing:3px;
  color:#d4af78;
  font-size:13px;
  margin-bottom:25px;
}

/* title */
.amenities-title{
  font-family:'Playfair Display', serif;
  font-size:56px;
  font-weight:600;
}

.amenities-title span{
  color:#d4af78;
  font-style:italic;
}

/* subtitle */
.amenities-sub{
  max-width:780px;
  margin:12px auto 60px;
  color:#cfd6e6;
  font-size:14px;
}

/* RISE boxes */
.rise-box{
  background:rgba(12,20,45,.75);
  border:1px solid rgba(255,255,255,.1);
  padding:5px;
  text-align:center;
  transition:.4s;
}

.rise-box.active,
.rise-box:hover{
  background:#fff;
  color:#000;
}

.rise-box h4{
  margin-top:15px;
  letter-spacing:2px;
  font-size:15px;
}

/* quote */
.amenities-quote{
  font-family:'Playfair Display', serif;
  font-style:italic;
  font-size:22px;
  margin:35px 0;
}

/* amenity cards */
.amenity-card{
  background:rgba(12,20,45,.8);
  border:1px solid rgba(255,255,255,.08);
  padding:30px;
  display:flex;
  align-items:center;
  gap:20px;
  transition:.4s;
}

.amenity-card:hover{
  background:#0c1538;
}

.amenity-icon{
  width:48px;
  height:48px;
  border:1px solid rgba(212,175,120,.4);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d4af78;
  font-size:22px;
}

/* enquire button */
.enquire-btn{
  position:fixed;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  background:#d4af78;
  color:#000;
  padding:16px 12px;
  writing-mode:vertical-rl;
  text-decoration:none;
  font-weight:600;
  letter-spacing:2px;
  border-radius:10px;
  z-index:999;
}

/* responsive */
@media(max-width:768px){
  .amenities-title{font-size:36px;}
}



/* DESKTOP */
.hero-banner{
  width:100%;
  min-height:100vh;
  background-image:url("assets/banner/home.webp");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center 70%;
}

/* PHONE & TAB */
@media (max-width:768px){
  .hero-banner{
    min-height:90vh;
    background-image:url("assets/banner/phone.webp");
    background-size:cover;
    background-position:top center;
  }
}

/* ================= PHONE (up to 576px) ================= */
@media (max-width: 576px) {
  .hero-banner {
    min-height: 55vh; /* full screen feel */
    background-image: url("assets/banner/phone.webp");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }
}

/* ================= TABLET (577px to 992px) ================= */
@media (min-width: 577px) and (max-width: 992px) {
  .hero-banner {
    min-height: 99vh;
    background-image: url("assets/banner/phone.webp"); /* agar tablet ke liye alag ho to yaha change kar */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}